<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>帮助</title>
<style>
.helpOutside{
    width: 100%;
    height: 100%;
    float: left;
}
.helpTitle{
    background-color: gainsboro;
    width: 100%;
    height: 35px;
    margin: 5px auto;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    float: left;
}
.helpContent{
    width:100%;
/*     height:75px; */
/*     line-height: 75px; */
    text-align: center;
    vertical-align: middle;
    float: left;
}

.helpContentSight{
    width:100%;
/*     height:120px; */
/*     line-height: 120px; */
    text-align: center;
    vertical-align: middle;
    float: left;
}

.helpContentSight1{
    width:100%;
    height:65px;
    line-height: 65px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.helpContentDevice1{
    width:100%;
    height:45px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.helpContentDevice2{
    width:100%;
    height:25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.helpContentSub{
    width:100%;
    height:95px;
    line-height: 95px;
    text-align: center;
    vertical-align: middle;
    float: left;
}
.helpContentFrozen{
    width:100%;
    height:130px;
    line-height: 130px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.helpContentImg{
    width:100%;
/*     height:250px; */
/*     line-height: 250px; */
    text-align: center;
    vertical-align: middle;
    margin: 10px auto;
    float: left;
}

.helpContentLeftImg{
    width:40%;
/*     height:250px; */
    margin: auto auto auto 5%;
    float: left;
}

.helpContentRightImg{
    width:40%;
/*     height:250px; */
    margin: auto 5% auto auto;
    float: right;
}

.helpContentImgOne{
    width:100%;
/*     height:300px; */
/*     line-height: 300px; */
    text-align: center;
    vertical-align: middle;
    margin: 10px auto;
    float: left;
}
</style>
</head>
<body>
	<div class="helpOutside">
		<div class='helpTitle'>怎么添加区域</div>
		<div class="helpContent">
			<img width="100%"  src="static/smart/help/areaText.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/area1.png"> <img
				class="helpContentRightImg" src="static/smart/help/area2.png">
		</div>
		<div class='helpTitle'>怎么添加场景</div>
		<div class="helpContentSight">
			<img width="100%"  src="static/smart/help/sightText1.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/sight1.png"> <img
				class="helpContentRightImg" src="static/smart/help/sight2.png">
		</div>
		<div class="helpContentSight1">
			<img width="100%"  src="static/smart/help/sightText2.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/sight3.png"> <img
				class="helpContentRightImg" src="static/smart/help/sight4.png">
		</div>
		<div class='helpTitle'>怎么添加设备</div>
		<div class="helpContentDevice1">
			<img width="100%" src="static/smart/help/deviceText1.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/device1.png">
			<img class="helpContentRightImg" src="static/smart/help/device2.png">
		</div>
		<div class="helpContentDevice1">
			<img width="100%"  src="static/smart/help/deviceText2.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/device3.png">
			<img class="helpContentRightImg" src="static/smart/help/device4.png">
		</div>
		<div class="helpContent">
			<img width="100%" src="static/smart/help/deviceText3.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/device5.png">
			<img class="helpContentRightImg" src="static/smart/help/device6.png">
		</div>
		<div class="helpContentDevice2">
			<img width="100%" src="static/smart/help/deviceText4.png">
		</div>
		<div class="helpContentImgOne">
			<img width="50%" src="static/smart/help/device7.png">
		</div>

		<div class='helpTitle'>怎么添加从机</div>
		<div class="helpContentSub">
			<img width="100%" src="static/smart/help/subuserText.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/subuser1.png">
			<img class="helpContentRightImg" src="static/smart/help/subuser2.png">
		</div>
		<div class="helpContentImg">
			<img class="helpContentLeftImg" src="static/smart/help/subuser3.png">
			<img class="helpContentRightImg" src="static/smart/help/subuser4.png">
		</div>
		<div class='helpTitle'>手机遗失，怎么冻结主机</div>
		<div class="helpContentFrozen" ng-click="goFrozenWeb()">
			<img width="100%" src="static/smart/help/frozenText.png">
		</div>
		<div class="helpContentImgOne">
			<img width="50%" src="static/smart/help/frozen.png">
		</div>
	</div>
</body>
</html>